<template>
    <div class="map">

<div class="left">
<img src="images/riskcard_03.png">

</div>

<div class="right">
    
    <div class="r-t">
<img src="images/riskcard_05.png">

    </div>
    
<div class="r-b">
<img src="images/riskcard_08.png">

</div>
  
</div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
*{margin: 0;padding: 0;}
.map{
    width: 350px;
    height: 150px;
    margin: 15px; 
}
.left,.right{
    width:160px;
    height: 150px;
    float: left;
    
}
.left{
    position: relative;
}

.left img{
    width: 100%;
    height: 100%;
}
.right{
    margin-left: 15px;
}
.right .r-t{
width: 90%;
height: 70px;
position: relative;

}

.right .r-t img{
    width: 100%;
    height: 100%;
}
.right .r-b{
width: 90%;
height: 70px;
margin-top:10px;
position: relative;
}

.right .r-b img{
    width: 100%;
    height: 100%;
}
</style>